<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>代发申请</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../backend/javascript/laydate/need/laydate.css">
    <link href="../../../css/main_pc.css" rel="stylesheet">
    <link rel="stylesheet" href="css/main_teacher.css">
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/bootstrap.min.js"></script>
    <script src="js/left-nav-height.js"></script>
    <script src="/huaqiao/js/DateUtils.js"></script>
    <script src="../../../backend/javascript/laydate/laydate.js"></script>
    <script src="../../../backend/javascript/layer/layer.js"></script>
    <script src="/huaqiao/front_end/pc/teacher/js/apply_pc_teacher.js"></script>
</head>
<body>
<!--header-->
<nav class="navbar navbar-default nav-main" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img class="fl" src="../../../images/img_logo_02.png" alt="logo">
                <span class="fl logo-title">校园门禁系统</span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right right-height">
                <li class="">
                    <span>老师姓名：</span>
                    <span id="teacher_name"></span>
                </li>
                <li class="">
                    <span>班级：</span>
                    <span id="teacher_class"></span>
                </li>
                <li>
                    <button class="exit-btn">退出</button>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!--#end header-->

<!--start article-->
<article class="container">
    <h1></h1>
    <!--start content-->
    <form role="form" class="row">
        <!--start left-hurdle-->
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
            <div class="t-left left-nav">
                <ul class="text-center">
                    <li class="examine">
                        <a href="apply.approvePC_teacher.html">外出申请审批</a>
                    </li>
                    <li>
                        <a href="record.outPC_teacher.html">学生刷卡记录</a>
                    </li>
                    <li>
                        <a href="apply.otherApprovePC_teacher.html">其他审批</a>
                    </li>
                </ul>
            </div>
        </div>
        <!--#end left-hurdle-->

        <!--start right-hurdle-->
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9 right-detail">
           	<!-- 外出申请审批导航栏：待审批申请|代发申请|审批历史 -->
            <ul class="nav navBar">
                <li class="col-sm-4 text-center">
                    <a href="apply.approvePC_teacher.html">待审批申请</a></li>
                <li class="col-sm-4 text-center" style="border-bottom: 2px solid #2ca4ec;">
                    <a href="#">代发申请</a></li>
                <li class="col-sm-4 text-center">
                    <a href="apply.historyPC_teacher.html">审批历史</a></li>
            </ul>

            <!--start allCheck-->
            <div class="allCheck">
                <img src="../../../images/img_xuanzhe_01.png" class="check">全选
            </div><!--#end allCheck-->

            <!--start select-->
            <!--<div class="form-group classroom fr">-->
                <!--<label>班级：</label>-->
                <!--<select>-->
                    <!--<option value="高三1班">高三1班</option>-->
                    <!--<option value="高三2班">高三2班</option>-->
                    <!--<option value="高三3班">高三3班</option>-->
                    <!--<option value="高三4班">高三4班</option>-->
                    <!--<option value="高三5班">高三5班</option>-->
                    <!--<option value="高三6班">高三6班</option>-->
                    <!--<option value="高三7班">高三7班</option>-->
                <!--</select>-->
            <!--</div>-->
            <!--#end select-->

            <!--start apply-list-->
            <div>
                <!--student name-->
                <ul id="students_ul">
                    <li class="col-sm-3 student-name">
                        <ul>
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙</h4></li>
                        </ul>
                    </li>
                    <li class="col-sm-3 student-name">
                        <ul class="student-area">
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙 10051225666</h4></li>
                        </ul>
                    </li>
                    <li class="col-sm-3 student-name">
                        <ul>
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙</h4></li>
                        </ul>
                    </li>
                    <li class="col-sm-3 student-name">
                        <ul>
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙</h4></li>
                        </ul>
                    </li>
                    <li class="col-sm-3 student-name">
                        <ul>
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙</h4></li>
                        </ul>
                    </li>
                    <li class="col-sm-3 student-name">
                        <ul>
                            <li class="fl">
                                <img src="../../../images/img_xuanzhe_01.png" alt="">
                            </li>
                            <li><h4 class="name-border">高水熙</h4></li>
                        </ul>
                    </li>
                </ul><!--#end student name-->
            </div>

            <nav class="pagination-table col-sm-12 col-xs-12">
                <ul class="pager">
                    <li class=""><a href="#">首页</a></li>
                    <li class=""><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                    <li class=""><a href="#">末页</a></li>
                </ul>
            </nav>

            <div class="col-sm-12">
                <!-- Button trigger modal -->
                <button type="button" class="btn btn-primary col-sm-3 col-sm-offset-9 replaced" data-toggle="modal" data-target="" id="replaceBtn">
                    代发申请
                </button>

                <!-- Modal -->
                <div class="modal fade" id="replaceModal" tabindex="-1" role="dialog" aria-labelledby="replaceLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                <h4 class="modal-title" id="myModalLabel">代发申请</h4>
                            </div>
                            <div class="modal-body">
                                <div class="">
                                    <label for="date-start">开始时间：</label>
                                    <input id="date-start" class="laydate-icon">
                                    <label for="date-end">结束时间：</label>
                                    <input id="date-end" class="laydate-icon">
                                </div>
                                <div class="form-group">
                                    <label>申请理由：</label>
                                    <textarea name="" id="causeBack" rows="4" class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <a href="" id="sureReplace"><button type="button" class="btn btn-primary">代发并确定</button></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div><!--#end right-hurdle-->

    </form><!--#end content-->
</article>
<!--#end article-->

<footer class="container-fluid text-center">
    <div class="f-bottom">
        <p>©广东省华侨职业技术学校 粤ICP备 0508538号</p>
    </div>
</footer>

</body>
</html>